<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../js/jquery.min.js"></script>
		<link rel="stylesheet" href="../../css/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/font-awesome.css" />
		<link rel="stylesheet" href="../../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../css/icono.imn.css" />
		<link rel="stylesheet" href="../../css/page/studyPage.css" />
		<script src="../../css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../../js/page/studyPage.js"></script>
		<script src="../../js/jquery.qrcode.min.js"></script>
		<script src="../../static/js/login/user.js"></script>
		<script src="../../js/jquery.cookie.js"></script>
	</head>

	<body style="background-color:#F7F9FB;" onmouseleave="pageCloseSave()">
		<div class="head">
			<div class="titleContainerI">
				<div class="topNav">
					<div class="topNavCenter">
						<div class="topNavLogo">
							<a href="http://127.0.0.1/%E4%B8%AD%E5%9B%BD%E5%A4%A7%E5%AD%A6MOOC/index.html?__hbt=1551237375201" target="_self">
								<img width="190" height="28" src="//edu-image.nosdn.127.net/C0124E0336721FF65563B76A16A8143F.png?imageView&amp;thumbnail=190y28&amp;quality=100">
							</a>
						</div>
						<div class="topNavCourse">
							<a href="http://127.0.0.1/%E4%B8%AD%E5%9B%BD%E5%A4%A7%E5%AD%A6MOOC/coursePage/courseClassify.html?__hbt=1551227413686" target="_blank">
								<span>课程</span>
							</a>
						</div>
						<div class="topNavCourse">
							<a href="#" target="_blank">
								<span>名校</span>
							</a>
						</div>
						<div class="topNavDiscuss">
							<a href="#" target="_blank">
								<span>2020考研</span>
							</a>
						</div>
						<div class="topNavCourse" style="width: 48px;">
							<a href="#" target="_blank">
								<span>学校云</span>
							</a>
						</div>
						<div class="topNavDiscuss">
							<a href="#" target="_blank">
								<span>名师专栏</span>
							</a>
						</div>
						<div class="topNavRightPart">
							<img class="phone" src="../../img/白手机.png" style="top: 3px;float:left;" />
							<span id="client_2" class="client_2" style="color: white;margin-top: 4px;float:left;">客户端</span>
							<i id="navAfterLogin">
								<div class="navLoginBox">
									<div class="navLinks">
										<div class="navlogin">
											<div class="navLoginHeadImgBox">
												<div class="navHeadimg">
													<a>
														<img id="my-img" src="" width="30" height="30" alt="zhenjing" style="margin: 0 3px;border-radius: 50%;">
													</a>
												</div>
												<div class="navAfterLoginBox" style="display: none;">
													<div class="e-hover-arrow"></div>
													<div class="e-hover-arrow-border"></div>
													<ul class="set">
														<!--<li class="text" style="text-align: center;"><span class="f-fc9">正使用“微信”帐号登录</span></li>-->
														<li class="j-cert-card" style="">
															<a class="f-fc6" href="/home.htm?userId=1385377139#/home/mycert" target="_blank">我的认证证书</a>
														</li>
														<li class="j-coupons">
															<a class="f-fc6" href="/user/myCoupons.htm" target="_blank">我的优惠券</a>
														</li>
														<li>
															<a class="f-fc6" href="/user/setting/personInfoEdit.htm" target="_blank">设置</a>
														</li>
														<li class="exit" onclick="quit()">
															<span class="f-fc6">退出</span>
														</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="navLoginMyCourse">
									<div class="navLoginMyCourseContainer">
										<a id="gotoPersonal" target="_blank"><span>个人中心</span></a>
									</div>
								</div>
							</i>
						</div>
						<div class="dialog_border_2" id="dialog_border_2">
							<img src="../../img/App.jpg" style="width: 100%;height: auto;" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="display: flex;margin: 0px;padding: 0px;">
			<div style="float: left;padding-left: 10px;;padding-right: 10px;border-right: 1px solid rgba(0,0,0,0.1)">
				<div style="width: 230px;height: 90px;text-align: start;padding-left: 20px;">
					<h3 id="courseTitle" style="line-height: 45px;"></h3>
					<span style="line-height: 45px;">授课老师：</span><span style="line-height: 45px;" id="talkTeacher"></span>
				</div>
				<ul class="nav nav-pills nav-stacked" role="tablist" style="width: 230px;margin-top: 0px;">
					<li>
						<img src="../../img/huasaidashuju.png" style="width: 230px;height: 130px;border-radius: 6px;margin-bottom: 5px;" />
					</li>
					<li id="公告" role="presentation" class="active">
						<a href="#notice" onclick="stopVideo()" aria-controls="notice" role="tab" data-toggle="tab" style="height: 50px;line-height: 30px;font-size: 16px;">公告</a>
					</li>
					<li id="课件" role="presentation">
						<a href="#courseware" aria-controls="courseware" role="tab" data-toggle="tab" style="height: 50px;line-height: 30px;font-size: 16px;">课件</a>
					</li>
					<li id="评论" role="presentation">
						<a href="#comment" onclick="stopVideo()" aria-controls="comment" role="tab" data-toggle="tab" style="height: 50px;line-height: 30px;font-size: 16px;">评论</a>
					</li>
					<li class="courseShareBox" role="presentation">
						<span style="height: 50px;line-height: 30px;font-size: 16px;">分享</span>
						<span class="fa fa-wechat courseShareIcon Wechat"></span>
						<span class="fa fa-qq courseShareIcon Qzone"></span>
					</li>
					<li id="downloadApp" class="courseShareBox" role="presentation" class="m-coulshar f-cb hover f-bg" style="cursor: pointer;position: relative;top:120px;">
						<div class="icon-left">
							<img src="//edu-image.nosdn.127.net/2ea375bf-a813-405f-885f-a30817fa964d.png?imageView&amp;thumbnail=30y30&amp;quality=100"></div>
						<p class="item-title">扫码下载APP</p>
						<div class="hover-content">
							<img src="//img-ph-mirror.nosdn.127.net/Rg6muO26iMOFWx9vwEHC-g==/6630234335885341999.png">
							<div class="triangle"></div>
						</div>
					</li>
				</ul>
			</div>
			<div class="tab-content" style="padding:20px 40px;width: 100%;min-height: 670px;">
				<div role="tabpanel" class="tab-pane fade in active" id="notice">
					<div class="leftPart">
						<div class="continueLesson">
							<div class="f-f0" style="min-width: 500px;display: inline-block;">
								<h3>亲爱的小核桃同学，欢迎回来~</h3>
								<p style="font-size: 14px;">你上一次学习到
									<span id="continue">(尚未看课!)</span>
								</p>
							</div>
							<button href="#courseware" aria-controls="courseware" data-toggle="tab" id="continueButton" type="button" class="btn btn-warning continueButton">继续学习</button>
							<button type="button" class="btn btn-info continueButton f-dn" style="margin-right: 15px;">查看成绩</button>
						</div>
						<h4 style="padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;">公告</h4>
						<div class="commentDetails">
							<div class="f-cb"><span class="commentDetailsTitle">“数据结构”认证证书可以申请啦~~~~</span></div>
							<div class="commentDetailsTitleDescribe">
								<p>认证证书申请有效时间<span style="color:#000000">为期一个月，</span><span style="color: rgb(229, 51, 51);"><strong>2017年6月14月至7月13日</strong></span>，需要申请认证证书的同学，务必在此时间段内提交申请。申请方式为：在课程首页https://www.icourse163.org/course/ZJU-93001点击右侧“申请认证证书”按钮，进行申请。</p>
								<p><strong><span style="color: rgb(229, 51, 51);"><br></span></strong></p>
								<p><strong><span style="color: rgb(229, 51, 51);">特别说明：</span></strong></p>
								<p><strong><span style="color: rgb(229, 51, 51);">1 成绩优秀（即<span style="color: rgb(229, 51, 51); font-family: Arial, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, 微软雅黑, Helvetica, sans-serif; white-space: pre-wrap; background-color: rgb(255, 255, 255);">参加2017年秋季或冬季的PAT甲级考试，获得70分及以上</span>）的同学，请于2017年12月20日前将PTA考试成绩就提交给陈越老师，平台将为你发放优秀认证证书。</span></strong></p>
								<p><br></p>
								<p><strong><span style="color: rgb(229, 51, 51);">2 平台将于2017年12月20日汇总PTA考试成绩之后，统一发放优秀、合格认证证书。由于本课程认证证书发放的等待时间较长，请务必谨慎考虑后再申请认证证书。</span></strong></p>
								<p><br></p>
								<p><strong><span style="color: rgb(229, 51, 51);">3 中国大学MOOC的证书统一由爱课程中心进行制作、管理。若有疑问，请拨打联系电话：010-58586579。<br></span></strong></p>
								<p><br></p>
								<p><br></p>
								<p><br></p>
							</div>
							<div class="finishDivText f-cb">
								<div class="f-fr" style="display: block;color: #aaa;font-size: 12px;">2017年06月13日 12:54</div>
							</div>
						</div>
					</div>
					<!--<div class="rightPart">
						<h2 class="uploadTitle">最新更新</h2>
						<div class="uploadListBox">
							<p class="uploadListBoxTitle f-f0">课件：</p>
							<ul class="list-group">
								<li class="list-group-item">
									<a>习题选讲-Hashing - Hard Version（1小节共7:15）</a>
								</li>
								<li class="list-group-item">
									<a>习题选讲-Hashing - Hard Version（1小节共7:15）</a>
								</li>
								<li class="list-group-item">
									<a>Morbi leo risus</a>
								</li>
								<li class="list-group-item">
									<a>Porta ac consectetur ac</a>
								</li>
								<li class="list-group-item">
									<a>Vestibulum at eros</a>
								</li>
							</ul>
						</div>
					</div>-->
				</div>
				<div role="tabpanel" class="tab-pane fade" id="courseware">
					<div id="videoPart" style="width: 100%;" align="center">
						<video id="video" src="" controls="controls" style="width: 80%;"></video>
					</div>
					<h4 style="padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;">章节列表:</h4>
					<div class="panel-group" id="accordion">
					</div>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="homework">
					<h4 style="padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;">小测验</h4>
					<div id="homeworkQuestion" style="width: 100%;">
						<div class="answerPosition">
							<span class="glyphicon glyphicon-chevron-left"></span>
							<a href="#courseware" aria-controls="courseware" role="tab" data-toggle="tab" onclick="returnTest()">返回&nbsp;</a>
						</div>
						<div style="width: 750px;margin: 0px auto;height: auto;">
							<ol class="question" id="questionBox"></ol>
							<div>
								<button href="#showAnswerResult" aria-controls="showAnswerResult" role="tab" data-toggle="tab" type="button" class="btn btn-primary" onclick="sendAnswer()">交卷</button>
							</div>
						</div>
					</div>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="showAnswerResult">
					<h4 style="padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;">测试结果</h4>
					<a href="#courseware" aria-controls="courseware" role="tab" data-toggle="tab" onclick="returnTest()">返回&nbsp;</a>
					<div style="width: 100%;" id="answerResult">
					</div>
				</div>
				<div role=" tabpanel" class="tab-pane fade" id="comment">
					<h4 style="padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;">评论</h4>
					<div style="width: 100%;" id="AllcommentList">
					</div>
					<div class="paginationwrap">
						<div class="pagination" id="pagination">

						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>